<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../resources/css/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="../../resources/css/style.css">
    <link href="../../resources/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="../../resources/css/plugins/bootstrap-table/bootstrap-table.css"/>
    <link rel="stylesheet" href="../../resources/css/pluginsExt/common.css">
    <style>
        input[type=number] {
            -moz-appearance:textfield;
        }
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
    </style>
</head>
<body>
    <button id="btn-1">11</button>
    <button id="btn-2">222</button>
    <input type="number">
    <input type="text"  data-mask="999-99-999-9999-9" placeholder="">
</body>
<script src="../../resources/js/jquery-2.1.1.js"></script>
<script src="../../resources/js/plugins/layer/layer.js"></script>
<script src="../../resources/js/pluginsExt/layer/layerExt.js"></script>
<script src="jasny-bootstrap.js"></script>
<script>
    $('#btn-1').on('click',function(){
        //添加iframe的弹窗
        addLayerIframe({
            title:'提示',
            url:'../ztree/ztree.html',
            //按钮名称
            btn:['确认'],
            //弹窗大小
            area:['30%','55%'],
            //第一个按钮的回调
            btn1:function(){
                alert(1)
            },
            //第二个按钮的回调
            btn2:function(){
                alert(2)
            }
        })
    })
    $('#btn-2').on('click',function(){
        //添加提示的弹窗
        addLayerTips({
            tips:'夜夜夜夜',
            title:'保存成功',
            icon:5,
        })
    })
</script>
</html>